import { Viewer } from "@bytemd/react";
import "bytemd/dist/index.css";
import "highlight.js/styles/vs.css";
import "./index.css";
import {Tag} from "antd";
//
// interface Props {
//   tagList?: string[];
// }
//
// /**
//  * Markdown 浏览器
//  * @param props
//  * @constructor
//  */
// const TagList = (props: Props) => {
//   const { tagList = [] } = props;
//
//   return (
//    <div className="tag-list">
//       {tagList.map((tag) => {
//         return <Tag key={tag}>{tag}</Tag>;
//       })}
//     </div>
//   );
// };
interface Props {
  tagList?: string[];
  tagColors?: { [key: string]: string };
}

const TagList: React.FC<Props> = ({ tagList = [], tagColors }) => {
  return (
    <div className="tag-list">
      {tagList.map((tag) => {
        // 设置标签颜色，如果 tagColors 中有对应的颜色则使用，否则使用默认颜色
        const color = tagColors?.[tag] || 'default';
        return <Tag key={tag} color={color}>{tag}</Tag>;
      })}
    </div>
  );
};
export default TagList;
